<!-- 患者档案 -->
<template>
  <div>
    <div class="headblocks clearfix">
      <span>668648</span>
      <span>郭德纲</span>
      <span>26</span>
      <span>男</span>
      <span>消化科护理单元</span>
      <span>28</span>
    </div>
    <div class="contentblock">
      <div class="tit">基本信息</div>
      <el-form :inline="true" :model="UserBaisc" class="demo-form-inline" label-width="80px" style="margin-top: 20px;">
        <el-row :gutter="24">
          <el-col :span="8">
            <el-form-item label="住院号:">
              <el-input v-model="UserBaisc.name" placeholder=""></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="姓名:">
              <el-input v-model="UserBaisc.name" placeholder=""></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="身份证:">
              <el-input v-model="UserBaisc.name" placeholder=""></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="出生日期:">
              <el-date-picker
                  v-model="UserBaisc.date"
                  type="date"
                  placeholder="选择日期">
              </el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="年龄:">
              <el-input v-model="UserBaisc.name" placeholder=""></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="性别:" style="width: 100%;">
              <el-radio-group v-model="UserBaisc.sex" size="medium">
                <el-radio-button label="男" ></el-radio-button>
                <el-radio-button label="女"></el-radio-button>
              </el-radio-group>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="电话:">
              <el-input v-model="UserBaisc.name" placeholder=""></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="16">
            <el-form-item label="家庭地址:">
              <el-input v-model="UserBaisc.name" placeholder=""></el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>

      <div class="tit">体格信息</div>
      <el-form :inline="true" :model="UserBody" class="demo-form-inline" label-width="80px" style="margin-top: 20px;">
        <el-row :gutter="24">
          <el-col :span="8">
            <el-form-item label="身高:">
              <el-input v-model="UserBody.weight" placeholder=""></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="体重:">
              <el-input v-model="UserBody.weight" placeholder=""></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="理想体重:">
              <el-input v-model="UserBody.weight" placeholder=""></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="BMI:">
              <el-input v-model="UserBody.weight" placeholder=""></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="BEE(基础代谢):">
              <el-input v-model="UserBody.weight" placeholder=""></el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>

      <div class="tit">入院信息</div>
      <el-form :inline="true" :model="ySign" class="demo-form-inline" label-width="80px" style="margin-top: 20px;">
        <el-row :gutter="24">
          <el-col :span="8">
            <el-form-item label="入院日期:">
              <el-date-picker
                  v-model="UserBaisc.date"
                  type="date"
                  placeholder="选择日期">
              </el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="出院日期:">
              <el-date-picker
                  v-model="UserBaisc.date"
                  type="date"
                  placeholder="选择日期">
              </el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="劳动强度:">
              <el-input v-model="ySign.weight" placeholder=""></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="床号:">
              <el-input v-model="ySign.weight" placeholder=""></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="科室:">
              <el-input v-model="ySign.weight" placeholder=""></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="病区:">
              <el-input v-model="ySign.weight" placeholder=""></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="孕产信息:">
              <el-input v-model="ySign.weight" placeholder=""></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="孕前体重:">
              <el-input v-model="ySign.weight" placeholder=""></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="孕周:">
              <el-input v-model="ySign.weight" placeholder=""></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="配餐标准:">
              <el-input v-model="ySign.weight" placeholder=""></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="配餐类型:">
              <el-input v-model="ySign.weight" placeholder=""></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="饮食医嘱:">
              <el-input v-model="ySign.weight" placeholder=""></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="疾病:">
              <el-input v-model="ySign.weight" placeholder=""></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="饮食医嘱:" class="textarea">
              <el-input
                style="width:700px;vertical-align: top;"
                type="textarea"
                :rows="8"
                placeholder="请输入内容"
                v-model="ySign.weight">
              </el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>

      <div class="tit">疾病史</div>
      <el-form :inline="true" :model="ySign" class="demo-form-inline" label-width="80px" style="margin-top: 20px;">
        <el-row :gutter="24">
          <el-col :span="24">
            <el-form-item label="主诉:" class="textarea">
              <el-input
                style="width:700px;vertical-align: top;"
                type="textarea"
                :rows="8"
                placeholder="请输入内容"
                v-model="ySign.weight">
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="现病史:" class="textarea">
              <el-input
                style="width:700px;vertical-align: top;"
                type="textarea"
                :rows="8"
                placeholder="请输入内容"
                v-model="ySign.weight">
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="既往史:" class="textarea">
              <el-input
                style="width:700px;vertical-align: top;"
                type="textarea"
                :rows="8"
                placeholder="请输入内容"
                v-model="ySign.weight">
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="家族史:" class="textarea">
              <el-input
                style="width:700px;vertical-align: top;"
                type="textarea"
                :rows="8"
                placeholder="请输入内容"
                v-model="ySign.weight">
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="备注:" class="textarea">
              <el-input
                style="width:700px;vertical-align: top;"
                type="textarea"
                :rows="8"
                placeholder="请输入内容"
                v-model="ySign.weight">
              </el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>

      <div class="btns">
        <el-button type="primary">保存</el-button>
      </div>
    </div> 
  </div>
</template>
<script>
  export default {
    data() {
      return {
        activeName: 'second',
        UserBaisc: {
          name: '大卫',
          sex: '男'
        },
        UserBody: {
           weight: '80'
        },
        ySign: {
          weight: '大卫'
        },
        tableData: [
          {
            date: '2016-05-02',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1518 弄'
          }, {
            date: '2016-05-04',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1517 弄'
          }, {
            date: '2016-05-01',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1519 弄'
          }, {
            date: '2016-05-03',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1516 弄'
          }
        ]
      }
    },
    methods: {
      handleClick(tab, event) {
        console.log(tab, event);
      }
    }
  };
</script>
<style lang="less" scope>
  .headblocks span {
    float: left;
    padding: 30px;
    background: #cccc8b;
    color: #2292e6;
    font-size: 30px;
    line-height: 30px;
    margin-right: 30px;
    border-radius: 5px;
    box-shadow: 4px 4px 10px 0px rgba(33,33,33,0.7);
  }
  .contentblock .tit {
    display: inline-block;
    width: 120px;
    font-size: 20px;
    margin: 20px 0px;
    padding: 15px;
    background: #999;
  }
  .textarea {
    vertical-align: top;
    * {
      vertical-align: top;
    }
  }
  .btns {
    button {
      font-size: 28px;
      padding: 12px 32px;
      border-radius: 12px;
      margin-left: 30px;
    }
  }
</style>
